import axios, { AxiosRequestConfig, AxiosResponse } from 'axios';
import { ElMessage, ElMessageBox } from 'element-plus';
import { useUserStore } from '@/store/user';

var api_key =  import.meta.env.VITE_X_API_KEY

// 创建axios实例
const service = axios.create({
  baseURL: import.meta.env.VITE_API_BASE_PATH, // url = base url + request url
  timeout: 30000, // 请求超时时间
  headers: {
    'Content-Type': 'application/json',
    'X-API-Key': api_key, // 默认添加API Key
  },
});

// 请求拦截器
service.interceptors.request.use(
  (config) => {
    // 在发送请求前做一些处理
    const userStore = useUserStore();
    const token = userStore.token;
    
    // 如果有token则添加到请求头
    if (token) {
      config.headers['Authorization'] = `Bearer ${token}`;
    }
    return config;
  },
  (error) => {
    // 处理请求错误
    console.error(error);
    return Promise.reject(error);
  }
);

// 响应拦截器
service.interceptors.response.use(
  (response: AxiosResponse) => {
    const res = response.data;
    // 如果状态码不是200，则认为请求出错
    if (response.status !== 200) {
      ElMessage({
        message: res.message || '请求失败',
        type: 'error',
        duration: 5 * 1000,
      });
      
      // 401: 未授权，403: 禁止访问
      if (response.status === 401 || response.status === 403) {
        // 弹窗提醒重新登录
        ElMessageBox.confirm(
          '登录状态已过期，您可以继续留在该页面，或者重新登录',
          '系统提示',
          {
            confirmButtonText: '重新登录',
            cancelButtonText: '取消',
            type: 'warning',
          }
        ).then(() => {
          const userStore = useUserStore();
          userStore.logout();
          window.location.href = '/login';
        });
      }
      return Promise.reject(new Error(res.message || '请求失败'));
    } else {
      // 判断业务响应是否成功
      if (res.code && res.code !== 200) {
        ElMessage({
          message: res.message || '业务处理失败',
          type: 'error',
          duration: 5 * 1000,
        });
        return Promise.reject(new Error(res.message || '业务处理失败'));
      }
      return res;
    }
  },
  (error) => {
    console.error('请求错误:', error.message);
    let message = '请求错误';
    // 检查当前是否在登录页面
    const isLoginPage = window.location.pathname.includes('/login');
    
    if (error.response) {
      switch (error.response.status) {
        case 401:
          message = '未授权，请重新登录';
          // 只有在非登录页面时才跳转到登录页
          if (!isLoginPage) {
            const userStore = useUserStore();
            userStore.logout();
            window.location.href = '/login';
          }
          break;
        case 403:
          message = '拒绝访问';
          break;
        case 404:
          message = '请求的资源不存在';
          break;
        case 500:
          message = '服务器内部错误';
          break;
        default:
          message = `请求失败: ${error.response.status}`;
      }
    } else if (error.request) {
      message = '服务器无响应';
    } else {
      message = error.message;
    }
    
    ElMessage({
      message: message,
      type: 'error',
      duration: 5 * 1000,
    });
    
    return Promise.reject(error);
  }
);

// 封装GET请求
export function get<T>(url: string, params?: any, config?: AxiosRequestConfig): Promise<T> {
  return service.get(url, { params, ...config });
}

// 封装POST请求，增加表单数据支持
export function post<T>(
  url: string, 
  data?: any, 
  config?: AxiosRequestConfig & { isFormData?: boolean }
): Promise<T> {
  // 处理表单数据选项
  const isFormData = config?.isFormData;
  const finalConfig = { ...config };
  
  // 如果是表单数据，需要特殊处理
  if (isFormData) {
    let formData: URLSearchParams;
    
    // 如果传入的已经是URLSearchParams类型，直接使用
    if (data instanceof URLSearchParams) {
      formData = data;
    } else {
      // 否则将对象转换为URLSearchParams
      formData = new URLSearchParams();
      for (const key in data) {
        formData.append(key, data[key]);
      }
    }
    
    // 设置表单请求头
    finalConfig.headers = {
      ...finalConfig.headers,
      'Content-Type': 'application/x-www-form-urlencoded',
    };
    
    // 删除isFormData自定义属性，以免传给axios
    delete finalConfig.isFormData;
    
    return service.post(url, formData, finalConfig);
  }
  
  // 普通JSON请求
  return service.post(url, data, finalConfig);
}

// 封装PUT请求
export function put<T>(url: string, data?: any, config?: AxiosRequestConfig): Promise<T> {
  return service.put(url, data, config);
}

// 封装DELETE请求
export function del<T>(url: string, config?: AxiosRequestConfig): Promise<T> {
  return service.delete(url, config);
}

// 导出axios实例
export default service;